<div class="qrcode">
    <div class="nav">
        <div class="nav-li focus">店铺二维码</div>
    </div>
    <hr />
    <div class="box">
        <div class="controller-plan">
            <fieldset>
                <legend>微调面板</legend>
                <div>
                    <label for="eclevel"> 误差校正水平 </label>
                    <br>
                    <select id="eclevel" value="{{$Cache.bus.qrcode.ecLevel}}" bind-input="{{'$Cache.bus.qrcode.ecLevel'}}">
                        <option value="L">低(7%)</option>
                        <option value="M">中等(15%)</option>
                        <option value="Q">良好(25%)</option>
                        <option value="H">高(30%)</option>
                    </select>
                </div>
                <hr>
                <div>
                    <label for="minVersion" title="当您的LOGO过大而影响识别的成功率时，应该调高这个选项"> 识别能力（0~20） </label>
                    <br>
                    <inputnumber id="minVersion" value="{{$Cache.bus.qrcode.minVersion||5}}" bind-input="{{'$Cache.bus.qrcode.minVersion'}}" loop="1" fixed="0" min="0" max="20"></inputnumber>
                </div>
                <hr>
                <div>
                    <label for="fill"> 填充色 </label>
                    <br>
                    <color-picker id="fill" value="{{$Cache.bus.qrcode.fill}}" bind-input="{{'$Cache.bus.qrcode.fill'}}"></color-picker>
                </div>
                <hr>
                <div>
                    <label for="background"> 背景色 </label>
                    <br>
                    <color-picker id="background" value="{{$Cache.bus.qrcode.background}}" bind-input="{{'$Cache.bus.qrcode.background'}}"></color-picker>
                </div>
                <hr>
                <div>
                    <label for="size"> 大小（50~500PX） </label>
                    <br>
                    <inputnumber id="size" value="{{$Cache.bus.qrcode.size||300}}" bind-input="{{'$Cache.bus.qrcode.size'}}" loop="25" fixed="0" min="50" max="500"></inputnumber>
                </div>
                <hr>
                <div>
                    <label for="radius"> 点圆润度（0~50%） </label>
                    <br>
                    <inputnumber id="radius" value="{{$Cache.bus.qrcode.radius||50}}" bind-input="{{'$Cache.bus.qrcode.radius'}}" loop="10" fixed="0" min="0" max="50"></inputnumber>
                </div>
                <hr>
                <div>
                    <label for="quiet"> 留白等级（1~4） </label>
                    <br>
                    <inputnumber id="quiet" value="{{$Cache.bus.qrcode.quiet||1}}" bind-input="{{'$Cache.bus.qrcode.quiet'}}" loop="1" fixed="0" min="0" max="4"></inputnumber>
                </div>
                <hr>
                <div>
                    <label for="mSize"> 商标大小（0%~35%） </label>
                    <br>
                    <inputnumber id="mSize" value="{{$Cache.bus.qrcode.mSize||20}}" bind-input="{{'$Cache.bus.qrcode.mSize'}}" loop="5" fixed="0" min="0" max="35"></inputnumber>
                </div>
                <hr>
                <!-- <div>
                    <label for="mPos"> 商标坐标 </label>
                    <br>
                    <label for="mPosX">X（0%~100%）</label>
                    <br>
                    <inputnumber id="mPosX" value="{{$Cache.bus.qrcode.mPosX||50}}" bind-input="{{'$Cache.bus.qrcode.mPosX'}}" loop="1" fixed="0" min="0" max="100"></inputnumber>
                    <br>
                    <label for="mPosY">Y（0%~100%）</label>
                    <br>
                    <inputnumber id="mPosY" value="{{$Cache.bus.qrcode.mPosY||50}}" bind-input="{{'$Cache.bus.qrcode.mPosY'}}" loop="1" fixed="0" min="0" max="100"></inputnumber>
                </div> -->
            </fieldset>
        </div>
        <div class="show-plan">
            <fieldset>
                <legend>实时预览</legend>
                <jqrcode
                text="{{$Cache.bus.qrcode.text}}"
                ec-level="{{$Cache.bus.qrcode.ecLevel}}"
                fill="{{$Cache.bus.qrcode.fill}}"
                background="{{$Cache.bus.qrcode.background}}"
                size="{{$Cache.bus.qrcode.size}}"
                radius="{{$Cache.bus.qrcode.radius}}"
                quiet="{{$Cache.bus.qrcode.quiet}}"
                min-version="{{$Cache.bus.qrcode.minVersion}}"
                m-image="{{$Cache.bus.qrcode.mImage}}"
                m-size="{{$Cache.bus.qrcode.mSize}}"
                m-posx="{{$Cache.bus.qrcode.mPosX}}"
                m-posy="{{$Cache.bus.qrcode.mPosY}}"
                bind-input="{{'$Cache.bus.qrcode_data'}}"
                >
                </jqrcode>
                <hr>
                <a href="{{$Cache.bus.qrcode_data}}" download="{{bus_loginer.info.title}}-二维码.png">
                    <android:paperbutton>点击下载</android:paperbutton>
                </a>
                <br />
                <android:paperbutton event-click="{{'$Event.bus.qrcode.upload_qrcode_to_config'}}">
                    设置作为<b>门店二维码</b>
                </android:paperbutton>
                <hr>
                {{#if bus_loginer.config.qrcode_url}}
                    <h6>当前门店二维码</h6>
                    <img bind-src="{{bus_loginer.config.qrcode_url}}"/>
                {{#else}}
                    <h6>还未生成门店二维码，赶紧制作一个上传吧。</h6>
                {{/if}}
            </fieldset>
        </div>
    </div>
</div>